﻿@model IEnumerable<Leffaetsin.Models.Movie>
@{
    var area = Model.FirstOrDefault();
    var areaName = "";
    if (area != null) {
        areaName = area.AreaName;
    }

    ViewBag.Title = areaName + " | Leffaetsin";
}
<div data-role="header">
    @Html.ActionLink("Takaisin", "Index", "Home", null /*routeValues*/, 
    new Dictionary<string, object> { 
       { "data-role", "button" }, 
       { "data-icon", "arrow-l" } 
                  })
    <h1>@char.ToUpper(ViewBag.Title[0])@ViewBag.Title.Substring(1)</h1>
</div>

<div data-role="content">
    <ul data-role="listview">
        @foreach(var movie in Model) {
            <li>
                <a href="/@movie.AreaName/@movie.UrlFriendlyName/">
                    <img src="@movie.ThumbNailUrl" float="left" style="padding-top: 5px; padding-left: 15px; width: 54px;" />
                    <h3>@movie.Title</h3>
                    <p style="color: #ccc"><strong>IMDB Rating: @movie.Rating</strong></p>
                    <p style="color: #ccc">@String.Join(", ", movie.ShowTimes)</p>
                </a>
            </li>                                           
        }    
    </ul>
</div>